<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>icon land</title>
	<link rel="stylesheet" href="reset.css">
	<link rel="stylesheet" href="animate.min.css">
	<link rel="stylesheet" href="game.css">
</head>

<body>
	<div class="loginbox" style="display: block;">
		<input type="text" name="playername" id="playername" placeholder="请输入玩家名称" maxlength="6">
		<button>确定</button>
	</div>
	<div class="passwordbox">
		<div>请点击4个不同图标作为登录密码</div>
		<ul></ul>
	</div>
	<div class="menuscreen" style="display: none;">
		<div class="top_row">
			<div class="playername">

			</div>
			<div class="scores">

			</div>
		</div>
		<div class="middle_col">
			<button id="startBtn">开始</button>
			<button id="collectBtn">图鉴</button>
			<button id="setBtn">设置</button>
		</div>
		<div class="right_col">
			排行榜
		</div>
	</div>
	<div class="choice">
		<div class="main_row">
			<div class="detail">
				<div class="name"></div>
				<div class="desc"></div>
			</div>
			<button>下一步</button>
		</div>
		<div class="bottom_row">
			<ul></ul>
		</div>
	</div>
	<div class="handBook">

	</div>
	<div class="setMenu">

	</div>
	<div class="gameScreen" style="display: none;">
		<div class="info">
			<table>
				<tr>
					<th colspan="4" rowspan="4">
						<span>-1</span>级<span></span>面板<br />
						<div class="hpbar"></div>
						<div class="mpbar"></div>
						<div class="expbar"></div>
						<span>提示信息</span>
					</th>
					<th colspan="4">技能</th>
				</tr>
				<tr id="moveRow">
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
				<tr>
					<th colspan="4">宠物</th>
				</tr>
				<tr id="petRow">
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
				<tr>
					<td style="background-image: url('icon/attribute/muscular-torso.png');"></td>
					<td id="heath">1</td>
					<td style="background-image: url('icon/attribute/brain.png');"></td>
					<td id="magic">1</td>
					<th colspan="4">宝物</th>
				</tr>
				<tr>
					<td style="background-image: url('icon/attribute/biceps.png');"></td>
					<td id="attack">1</td>
					<td style="background-image: url('icon/attribute/viking-shield.png');"></td>
					<td id="defense">1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
				<tr>
					<td style="background-image: url('icon/attribute/crystal-wand.png');"></td>
					<td id="hitrate">1</td>
					<td style="background-image: url('icon/attribute/clover.png');"></td>
					<td id="lucky">1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
				<tr>
					<td style="background-image: url('icon/attribute/sprint.png');"></td>
					<td id="speed">1</td>
					<td style="background-image: url('icon/attribute/small-fire.png');"></td>
					<td id="critrate">1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
			</table>
		</div>
		<div class="map">
			<ul></ul>
		</div>
	</div>
	<div class="battleScreen" style="display: none;">
		<div class="left">

		</div>
		<div class="result" style="display:none">

		</div>
		<div class="right">

		</div>
	</div>
	<div class="areaScreen" style="display: none;">

	</div>
	<script src="utils.js"></script>
	<script src="heroes.js"></script>
	<script src="monster.js"></script>
	<script src="factions.js"></script>
	<script src="move.js"></script>
	<script src="area.js"></script>
	<script src="item.js"></script>
	<script src="buff.js"></script>
	<script src="event.js"></script>
	<script src="battle.js"></script>
	<script src="render.js"></script>
	<script src="game.js"></script>
</body>

</html>